﻿<div class="top-row pl-4 navbar navbar-dark">
    <a class="navbar-brand" href="">= 恒芯基板数据系统 =</a>
    <button class="navbar-toggler" @onclick="ToggleNavMenu">
        <span class="navbar-toggler-icon"></span>
    </button>    
</div>

<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
    <ul class="nav flex-column">
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                <span class="oi oi-home" aria-hidden="true"></span> 欢迎
            </NavLink>
        </li>




        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowDetail">
                <span class="oi oi-aperture" aria-hidden="true"></span> 工序记录明细
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageDetailInput">
                <span class="oi oi-aperture" aria-hidden="true"></span> 工序记录录入
            </NavLink>
        </li>

        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowStatistics">
                <span class="oi oi-aperture" aria-hidden="true"></span> 工序状态概览
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageProcessTraceback">
                <span class="oi oi-aperture" aria-hidden="true"></span> 工序过程回溯
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowPSD">
                <span class="oi oi-graph" aria-hidden="true"></span> 粒度分布趋势图
            </NavLink>
        </li>

        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowSA">
                <span class="oi oi-graph" aria-hidden="true"></span> 比表面积趋势图
            </NavLink>
        </li>
        
        @*<li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowGrainSize">
                <span class="oi oi-graph" aria-hidden="true"></span> 晶粒大小趋势图
            </NavLink>
        </li>*@

        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageQueryNormal">
                <span class="oi oi-sun" aria-hidden="true"></span> 基板性能查询
            </NavLink>
        </li>



        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageQueryCustom">
                <span class="oi oi-sun" aria-hidden="true"></span> 高级性能查询
            </NavLink>
        </li>




        @*<li class="nav-item px-3">
            <NavLink class="nav-link" href="PageNCInput">
                <span class="oi oi-list" aria-hidden="true"></span> NC订单导入
            </NavLink>
        </li>
        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageShowOrders">
                <span class="oi oi-list" aria-hidden="true"></span> 订单完成情况
            </NavLink>
        </li>

        

        

        

        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageGo">
                <span class="oi oi-arrow-circle-top" aria-hidden="true"></span> 测试
            </NavLink>
        </li>*@

        <li class="nav-item px-3">
            <NavLink class="nav-link" href="PageAdmin">
                <span class="oi oi-arrow-circle-top" aria-hidden="true"></span> 数据管理
            </NavLink>
        </li>

        
    </ul>
</div>

@code {
    private bool collapseNavMenu = true;

    private string NavMenuCssClass => collapseNavMenu ? "collapse" : null;

    private void ToggleNavMenu()
    {
        collapseNavMenu = !collapseNavMenu;
    }
}
